//随机数函数
function myrand () {
    var resource = '';
    for (var i = 1; i < 8; i++) {
        resource += Math.floor(Math.random() * 10000000 % 10);
    }
    return resource;
}
//
// var deleid = 1;
// //微博带图片样式
// function compes () {
//
//     if(deleid != 1) {
//         $('#' + deleid  ).css('display','none');
//     }
//
//     var liid = myrand();
//     $('<li>').attr('class','pt_li pt_li_1 S_bg2').attr('id',liid).appendTo('#content-parm');
//     var dip = myrand();
//     $('<div>').attr('class','pic_txt clearfix').attr('id',dip).appendTo('#'+ liid);
//     var dbox = myrand();
//     $('<div>').attr('class','pic_box').attr('id',dbox).appendTo('#'+dip);
//     var dba = myrand();
//     $('<a>').attr('href','http://www.baidu.com').attr('target','_blank').attr('id',dba).appendTo('#'+dbox);
//     $('<img>').attr('src','{{ url("1.jpg")  }}').attr('class','piccut_v').appendTo('#'+dba);
//     $('<span>').attr('class','W_icon icon_btn_imgvideo').appendTo('#'+dba);
//     var inx = myrand();
//     $('<div>').attr('class','info_box').attr('id',inx).appendTo('#'+dip);
//     var iner = myrand();
//     $('<div>').attr('class','info_box_inner').attr('id',iner).appendTo('#'+inx);
//     var toed = myrand();
//     $('<div>').attr('class','text_box').attr('id',toed).appendTo('#'+iner);
//     var cute = myrand();
//     $('<div>').attr('class','text text_cut2 W_f14 S_txt1').html('22222哈哈哈').attr('id',cute).appendTo('#'+toed);
//     var xuyl = myrand();
//     $('<a>').attr('id',xuyl).appendTo('#'+cute);
//     $('<i>').attr('class','W_ficon ficon_cd_video').appendTo('#'+xuyl);
//     $('#'+xuyl).html('秒拍视频');
//     var subi = myrand();
//     $('<div>').attr('class','subinfo_box clearfix').attr('id',subi).appendTo('#'+iner);
//     var aiosf = myrand();
//     $('<a>').attr('target','_blank').attr('href','www.baidu.com').attr('id',aiosf).appendTo('#'+subi);
//     var ofafai = myrand();
//     $('<span>').attr('class','subinfo_face').attr('id',ofafai).appendTo('#'+aiosf);
//     $('<img width="18" height="18">').attr('src','{{url("1.jpg")}}').appendTo('#'+ofafai);
//     var guhaow = myrand();
//     $('<a>').attr('target','_blank').attr('id',guhaow).attr('href','www.baidu.com').appendTo('#'+subi);
//     $('<span>').attr('class','subinfo S_txt2').html('\@小是').appendTo('#'+guhaow);
//     $('<span>').attr('class','subinfo S_txt2').html('6月14日 23:16').appendTo('#'+subi);
//     var pengf = myrand();
//     $('<span>').attr('class','subinfo_rgt S_txt2').attr('id',pengf).appendTo('#'+subi);
//     $('<em>').attr('class','W_ficon ficon_praised S_ficon W_f16').html('N').appendTo('#'+pengf);
//     $('<em>').html(3424).appendTo('#'+pengf);
//     $('<span>').attr('class','rgt_line W_fr').appendTo('#'+subi);
//     var tnaiw = myrand();
//     $('<span>').attr('class','subinfo_rgt S_txt2').attr('id',tnaiw).appendTo('#'+subi);
//     $('<em>').attr('class','W_ficon ficon_repeat S_ficon W_f16').appendTo('#'+tnaiw);
//     $('<em>').html(6499).appendTo('#'+tnaiw);
//     $('<span>').attr('class','rgt_line W_fr').appendTo('#'+subi);
//     var succesq = myrand();
//     $('<span>').attr('class','subinfo_rgt S_txt2').attr('id',succesq).appendTo('#'+subi);
//     $('<em>').attr('class','W_ficon ficon_forward S_ficon W_f16').appendTo('#'+succesq);
//     $('<em>').html(4343).appendTo('#'+succesq);
//
// }
// ///加载提示框样式方法
function loadNotice() {
    var wvcard = myrand();
    //deleid = wvcard;
    $('<div>').attr('class','WB_cardwrap S_bg2').attr('id',wvcard).appendTo('#content-parm');
    var wlinqi = myrand();
    $('<div>').attr('class','WB_empty').attr('id',wlinqi).appendTo('#'+wvcard);
    var nvspe = myrand();
    $('<div>').attr('class','WB_innerwrap').attr('id',nvspe).appendTo('#'+wlinqi);
    var conxse = myrand();
    $('<div>').attr('class','empty_con clearfix').attr('id',conxse).appendTo('#'+nvspe);
    var iqiyi = myrand();
    $('<p>').attr('class','text').attr('id',iqiyi).appendTo('#'+conxse);
    $('<i>').attr('class','W_loading').attr('id','loaqdgif').appendTo('#'+iqiyi);
    $('<img>').attr('src','{{ url("load.gif") }}').appendTo('#loaqdgif');
    $('#'+iqiyi).html('正在加载中,请稍后......');


}
//
//
// //获得视口高度
// var view_height = document.documentElement.clientHeight;
// var box_height = $('#jiantan').height();
// var numth = (view_height /2 ) + box_height;
// //	  alert(numth);
// //	  alert(box_height);
//
// //document.title = view_height;
// var m = 0;//加载初始值
// var first_number = 10;
//
// getInfo(m,first_number);
// //定义加载数据的函数
// function getInfo(start,length) {
//     $(function(){
//
//                 for (var i=start; i<(length+start); i++) {
//                     compes();
//                 }
//
//         });//AJAX 入口
//
//
//     })//JQUERY 标准入口
// }
//
// //绑定滚动事件
// ////
// //      var liuzc = $('#content-parm li:last-child').offset().top;
// //	  var numt = liuzc / 2;
// //	  console.log(numt);
// window.onscroll = function() {
//
//     //得到滚动条的滚动距离
//     var top = document.body.scrollTop || document.documentElement.scrollTop;
//     console.log('top'+top);
//     $('#content-parm');
//     console.log($('#content-parm'));
//     var toew = $('#content-parm li:last-child').offset().top;
//     console.log('#content-parm li:last-child');
//     //var numt = toew / 2 ;
//     console.log(toew);
//     document.title = top + ',' +toew;
//     if(top+600 >= toew) {
//
//         loadNotice();
//         getInfo(m,first_number);
//     }

//}


$(function(){
    /*瀑布流开始*/
    var container = $('#content-parm');
    var loading=$('#xhjtj');
   // console.log(loading);
    var sqlJson=[];
    var skip = 12;//每次数据
    var count = 5;
    var sqlfind=[];
    var search='index';
    var newstype='';
    var type='none';
    //获取后台统计信息数据
    $.ajax({
        url:'getinfocount',
        type:'get',
        // async:false,
        success:function(data){
            count = data;
            //skip = 12;

        },
        error:function(data){
        }
    });
//初始化load
    // 侧边栏到底改变css

    // $(window).scroll(function(){
    //     if ( $(document).height() - $(document).scrollTop() <= 900 ) {
    //         $('#kanmegi').css('display','block');
    //
    //     } else {
    //         $('#kanmegi').css('display','none');
    //     }
    // });




    loading.data("on",true);
    container.imagesLoaded(function(){
        container.masonry({
            columnWidth: 600,
            itemSelector : '.bpoxtest',
            isFitWidth: true,//是否根据浏览器窗口大小自动适应默认false
            isAnimated: true,//是否采用jquery动画进行重拍版
            isRTL:false,//设置布局的排列方式，即：定位砖块时，是从左向右排列还是从右向左排列。默认值为false，即从左向右
            isResizable: true,//是否自动布局默认true
            animationOptions: {
                duration: 800,
                easing: 'easeInOutBack',//如果你引用了jQeasing这里就可以添加对应的动态动画效果，如果没引用删除这行，默认是匀速变化
                queue: false//是否队列，从一点填充瀑布流
            }
        });
    });

$(window).scroll(function(){
    if(!loading.data('on')){
        return;
    }

    //alert(1);
    var itemNum=$('#gxxcsl').find('.bpoxtest').length;

    var itemArr=[];
    document.title = itemNum;
    itemArr[0]=$('#gxxcsl').find('.bpoxtest').eq(itemNum-1).offset().top+$('#gxxcsl').find('.bpoxtest').eq(itemNum-1)[0].offsetHeight;
    var maxTop=Math.max.apply(null,itemArr);
    if(maxTop<$(window).height()+$(document).scrollTop()){
        //console.log('fsfs');

        $.ajax({
           // url:'content?skip='+skip+'&search='+search+'&topic='+newstype,
            type:'get',
            url:'getinfo?skip='+skip+'&section='+search,
            dataType:'json',
            // async:false,
            success:function(data){
                sqlJson = data;


            },
            error:function(data){
            }
        });
        //加载更多语句
        //console.log(sqlJson);
        loading.data("on",false);
        $('#kanmegi').css('display','block');
        (function(sqlJson){


           if(itemNum>=count){
              // container.append('<div class="WB_cardwrap S_bg2"><div class="WB_empty" ><div class="WB_innerwrap"><div class="empty_con clearfix"> <p class="text"><i class="W_loading"></i>已加载完毕</p> </div> </div> </div> </div>');
            $('#lmcsli').html('已加载全部');

           } else {
               var html="";
               skip = skip + 12;
               var value = 1;
               for(var i =0; i<sqlJson.length;i++){
                 var username = '@'+sqlJson[i].username;
                 var content = sqlJson[i].content;
                 var dtime = sqlJson[i].d_time;

                 var pl = sqlJson[i].d_pl;
                 var zf = sqlJson[i].d_zf;
                 var like = sqlJson[i].d_like;

                 var userimg = sqlJson[i].userimg;





                   html += '<li class="pt_li pt_li_1 S_bg2 bpoxtest masonry-brick" href="'+value+'"> <div class="pic_txt clearfix">';
                html+='<div class="info_box"><div class="info_box_inner"><div class="text_box"><div class="text text_cut2 W_f14 S_txt1">'+content;

                html+='<br>';

                html+='</div><div class="subinfo_box clearfix"><a target="_blank" href="'+value;
                html+='"><span class="subinfo_face"> <img src="'+userimg;
                html+='"width="18" height="18"></span></a><a target="_blank" href="'+value;
                html+='"><span class="subinfo S_txt2">'+username;
                html+='</span></a><span class="subinfo S_txt2">'+dtime;
                html+='</span><span class="subinfo_rgt S_txt2"><em class="W_ficon ficon_paraised S_ficon W_f16"><span class="glyphicon glyphicon-thumbs-up"></span></em><em>'+like;
                html+='</em></span><span class="rgt_line W_fr"></span><span class="subinfo_rgt S_txt2"><em class="W_ficon ficon_repeat S_ficon W_f16"><span class="glyphicon glyphicon-edit"></span></em><em>'+pl;
                html+='</em></span><span class="rgt_line W_fr"></span><span class="subinfo_rgt S_txt2"><em class="W_ficon ficon_forward S_ficon W_f16"><span class="glyphicon glyphicon-new-window"></span></em><em>'+zf;
                html+='</em></span></div></div></div></div></li>';


               }//for入口
                //将请求数据延时800毫
               var time = setTimeout(function(){
                   var $newElems = $(html).css({ opacity: 0}).appendTo(container);
                   $newElems.imagesLoaded(function(){
                       $newElems.animate({opacity:1},800);
                       container.masonry('appended',$newElems,true);
                       loading.data("on",true);
                       clearTimeout(time);

                   });
               },800);//800入口

           }//else 入口

        })(sqlJson);

    }//if语句入口

});//时间入口



});//入口函数
























